//点击返回顶部
let scrolltop = document.documentElement.scrollTop
$("#foot ul .li3").click(function () {
    $("html,body").animate({ scrollTop: 0 }, 500)
})
//点击图标返回首页
$("#header img").click(function(){
    window.location.href="../index.html"
})
//-----------------------------------------------
async function render() {
    //请求数据渲染标题
    let length = await fetch("http://chst.vip:1234/api/getcategorytitle")
        .then(body => body.json())
        .then(res => {
            let resultarr = res.result
            let str = ""
            resultarr.forEach(item => {
                str += `
                <li class="liw">
                <p class="clickp">
                    <span class="title">${item.title}</span><span class="xiala">▼</span>
                </p>
                <ol>
                    <li>test</li>
                </ol>
                </li>
                `
            })
            $("#main .lis").html(str)
            //----------------------------------------------------------------------------
            //抽屉效果
            let p = $("#main .lis .liw .clickp")
            //设置所有的p都为false的初始状态
            p.prop("isExpand", false).click(function () {
                //获取自身的isexpand，false就展开，反之收起
                let isExpand = $(this).prop("isExpand")
                if (isExpand) {
                    $(this).prop("isExpand", false).next().slideUp(200)
                } else {
                    $(this).prop("isExpand", true).next().slideDown(200).parent().siblings().find("ol").slideUp(200).prev().prop("isExpand", false)
                }
            })
            //--------------------------------------------------------------------------------
            return resultarr.length
        })
    
    let resultstr = ""
    for (let k = 0;k<length;k++){
        resultstr = ""
        await fetch(`http://chst.vip:1234/api/getcategory?titleid=${k}`)
        .then(body=>body.json())
        .then(res=>{
            // console.log(res.result); 
            let arr = res.result
            arr.forEach(item=>{
                resultstr+=`
                <li titleId="${item.titleId}" categoryId="${item.categoryId}">${item.category}</li>
                `
            })
            $(".liw").eq(k).find("ol").html(resultstr)
        })
    }
    //给每个li注册点击事件，点击时拿到元素自身的需要传参categoryid的属性值
    $(".lis .liw").on("click","ol li",function(e){
        let _this = e.target
        let categoryid = $(_this).attr("categoryid")
        console.log(categoryid);
        //改变location.href，跳转到bjss_class.html页面，拼接传参categoryid，以供跳转后页面渲染数据使用
        window.location.href=`bjss_class.html?categoryid=${categoryid}`
    })
}
render()
